import { View } from "@tarojs/components"
import style from './index.module.scss'
import classnames from 'classnames/bind'
import ZImage from "@/components/ZImage"
const CBN = classnames.bind(style)
import ZAtTabs from "@/components/ZAtTabs"
import Layout_login from "@/layout/Layout_login"
//导入登录信息
import { logintips,Verification_code_login,Transaction_password_login, tabList } from "@/config/loginInfo"
import Zlogin from "@/components/ZLogin"

//logo图片地址
const Logo = 'https://h5.zhqh.com.cn:6001/uploadfiles/plamhall/loginimages/LOGO.png'
const Login = () => {
    const onSubmit = (data)=>{
        console.log(data)
    }
    return <View className={`page ${CBN('Login')}`}  >
        <View className={CBN('top')}>
            <ZImage src={Logo} className={CBN('logo')}></ZImage>
        </View>
        <View className={CBN('content')}>
            <View className={CBN('Loginbox')}>
                <ZAtTabs tabList={tabList}>
                    <View>
                        <Layout_login tips={logintips}>
                            <Zlogin listFlag={true} onSubmit={onSubmit} fields={Verification_code_login as any}></Zlogin>   
                        </Layout_login>
                    </View>
                    <View >
                    <Layout_login tips={logintips}>
                            <Zlogin onSubmit={onSubmit} fields={Transaction_password_login}></Zlogin>   
                        </Layout_login>
                    </View>
                </ZAtTabs>
            </View>
        </View>
    </View>
}

export default Login